import React, { Component } from 'react'
// import routerList from "../src/Router/RouterList"
// import RouterView from './Router/RouterView'
import "./App.scss"
import { Route, NavLink, Redirect, Switch } from "react-router-dom"
import Plan from './page/plan/Plan'
import Post from './page/post/Post'
import Progress from './page/progress/Progress'
import Project from "./page/project/Project"
import PlanMaster from "./page/PlanMaster/Master"
import Record from "./page/FaceRecord/Record"
import FaceMaster from "./page/FaceMaster/FaceMaster"
import Randking from "./page/FaceRanking/Randking"
import QuestionsList from "./page/QuestionsList/List"
import QuesMaster from "./page/QuestionsMaster/QuesMaster"
import Reply from './page/reply/Reply'

import { Layout, Menu, Breadcrumb } from 'antd';
import { UserOutlined } from '@ant-design/icons';
const { Header, Content, Footer } = Layout;
const { SubMenu } = Menu;

export default class App extends Component {
 
  
  render() {
    console.log(this);
    return (
      <div className="container">
        <Layout className="layout">
          <Header>
            <div className="logo">八维实训平台</div>
            <Menu theme="dark" mode="horizontal" >
              <Menu.Item key="1"><NavLink to="/post">岗位</NavLink></Menu.Item>
              <Menu.Item key="2"><NavLink to="/project">项目</NavLink></Menu.Item>
              <SubMenu key="3" title="实训">
                <Menu.Item key="3-1"><NavLink to="/plan">计划</NavLink></Menu.Item>
                <Menu.Item key="3-2"><NavLink to="/progress">进度</NavLink></Menu.Item>
                <Menu.Item key="3-3"><NavLink to="/PlanMaster">计划(管理)</NavLink></Menu.Item>
              </SubMenu>
              <SubMenu key="4" title="面试">
                <Menu.Item key="4-1"><NavLink to="/record">面试记录</NavLink></Menu.Item>
                <Menu.Item key="4-2"><NavLink to="/FaceMaster">面试管理</NavLink></Menu.Item>
                <Menu.Item key="4-3"><NavLink to="/randking">面试排行榜</NavLink></Menu.Item>
                <Menu.Item key="4-4"><NavLink to="/reply">答辩页面</NavLink></Menu.Item>
              </SubMenu>
              <SubMenu key="5" title="问答">
                <Menu.Item key="5-1"><NavLink to="/QuestionsList">问答列表</NavLink></Menu.Item>
                <Menu.Item key="5-2"><NavLink to="/QuesMaster">问答管理</NavLink></Menu.Item>
              </SubMenu>
            </Menu>
          </Header>
          <Content style={{ padding: '0 50px' }}>
            {/* <Breadcrumb style={{ margin: '16px 0' }} >
              <Breadcrumb.Item>Home</Breadcrumb.Item>
              <Breadcrumb.Item>List</Breadcrumb.Item>
              <Breadcrumb.Item>App</Breadcrumb.Item>
            </Breadcrumb> */}
            <div className="site-layout-content">
            <Switch>
              <Route path="/post"  component={Post}/>
              <Route path="/project" component={Project}/>
              <Route path="/plan" component={Plan}/>
              <Route path="/progress" component={Progress}/>
              <Route path="/PlanMaster" component={PlanMaster}/>
              <Route path="/record" component={Record}/>
              <Route path="/FaceMaster" component={FaceMaster}/>
              <Route path="/randking" component={Randking}/>
              <Route path="/reply" component={Reply}/>
              <Route path="/QuestionsList" component={QuestionsList}/>
              <Route path="/QuesMaster" component={QuesMaster}/>
              <Redirect from="/" to="/post"/>
              </Switch>
            </div>
          </Content>
          <Footer style={{ textAlign: 'center',background:"#000",color:"#ccc"}}>This Project ©2021 Created by Sega Cold Moon</Footer>
        </Layout>
      </div>
    )
  }
}

